<style>
    *{
        font-family: "Helvetica Neue", Helvetica, Arial,"Microsoft YaHei UI";
    }
    .panel-default>.panel-heading {
        background-color: #354a5f;
        /*background-color: #52090B;*/
        /*background-color: #373737;*/
    }
    .panel-default>.panel-heading h3, h4 {
        color: #f2f2f2;
    }
</style>
<div class="panel panel-default">
    <div class="panel-heading"><h3>Nowing</h3></div>
    <div class="panel-body">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <article>
                        <uib-tabset active="active">
                            <uib-tab index="1" heading="Now hoting">
                                <div class="container" style="padding-top: 5%">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="row">
                                                <div class="row">
                                                    <div class="col-xs-6 col-md-3">
                                                        <a ui-sref="p1" class="thumbnail">
                                                            <img src="image/m_001.jpg" alt="...">
                                                        </a>
                                                     <button ui-sref="p1" class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_005.jpg" alt="...">
                                                        </a>
                                                       <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_003.jpg" alt="...">
                                                        </a>
                                                      <button  class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_007.jpg" alt="...">
                                                        </a>
                                                      <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_007.jpg" alt="...">
                                                        </a>
                                                      <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_007.jpg" alt="...">
                                                        </a>
                                                      <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_007.jpg" alt="...">
                                                        </a>
                                                      <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                    <div class="col-xs-6 col-md-3">
                                                        <a href="#" class="thumbnail">
                                                            <img src="image/m_007.jpg" alt="...">
                                                        </a>
                                                        <button class="btn btn-success" style="width: 100%;margin-bottom: 10%">Movie</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </uib-tab>
                            <uib-tab index="2" heading="sel2">Static content</uib-tab>
                            <uib-tab index="3" heading="sel3">Static content</uib-tab>
                            <uib-tab index="4" heading="sel4">Static content</uib-tab>
                        </uib-tabset>
                    </article>
                </div>
                <div class="col-md-3" style="margin-left: 5%">
                    <aside>
                        <div class="panel panel-default">
                            <!-- Default panel contents -->
                            <div class="panel-heading"> <h4>Rank</h4></div>
                            <div class="panel-body">
                                <i>1ST</i><h4>Movie</h4>
                            </div>

                            <!-- List group -->
                            <ul class="list-group">
                                <li class="list-group-item"><i>2nd</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>3rd</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>4th</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>5th</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>6th</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>7th</i>&emsp;Cras justo odio</li>
                                <li class="list-group-item"><i>8th</i>&emsp;Cras justo odio</li>
                            </ul>
                        </div>
                    </aside>
                </div>
            </div>
        </div>


    </div>
</div>

